<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>软帝资源共享系统-用户登录</title>
<!-- 引入bootstrap样式文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<script src="js/jquery-3.2.1.min.js"></script>
<style>
/* tab  alt+/  */
.login-box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 400px;
	margin-left: -300px;
	margin-top: -200px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

body {
	background: #222;
}
</style>
</head>
<body>
	<!-- JSTL标准标记库 -->
	<c:if test="${msg != null}">
		<div class="alert alert-danger text-center"><strong>${msg}</strong></div>
	</c:if>
	
	<div class="container">
		<div class="login-box">
			<div class="page-header">
				<h3 class="text-center">资源管理系统-后台登录</h3>
			</div>
			<!--表单开始 -->
			<form action="doLogin.jsp" class="col-md-8 col-md-offset-2">
				<div class="form-group">
					<label for="" class="sr-only">账号:</label>
					<div class="input-group">
						<div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
						<input type="text" name="username" class="form-control input-lg" placeholder="请输入账号" />
					</div>
				</div>
				<div class="form-group">
					<label for="" class="sr-only">密码:</label>
					<div class="input-group">
						<div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
						<input type="password" name="password" class="form-control input-lg" placeholder="请输入密码" />
					</div>
				</div>
				<div class="form-group">
					<button class="btn btn-success btn-block btn-lg">登录</button>
				</div>
				<p class="text-right">没有账号?<a href="reg.jsp">注册</a></p>
				<p class="text-center">软帝集团 版权所有&copy;</p>
			</form>
		</div>
	</div>
	<script>	
		$(function(){
			//3秒之后关闭警告框
			setTimeout(function(){
				if($('.alert')){
					$('.alert').fadeOut(3000);
				}
			},3000)
		})
	</script>
</body>
</html>